<template> 
  <div class="h5-msg-box" v-if="msgBoxShow" @click="msgBoxShow=false">
    {{title}}
    <div class="h5-msg-box-btn">
      <div>取消</div>
      <div @click="confirm">确认</div>
    </div>
  </div>

</template>
<script>
  export default {
    data () {
      return {
        msgBoxShow:true,
        title:"",
        callBack:null
      }
    },
    methods:{
      confirm () {
        this.callBack && this.callBack("hellow")
      }
    }
  }
</script>
<style lang="stylus">
  .h5-msg-box
    color red
    position fixed
    top 0
    left 0
    width 100%
    height 100%

</style>